<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/huashuo.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/idoshop.css" />
		<link rel="stylesheet" type="text/css" href="commonCss/header.css" />
		<link rel="stylesheet" type="text/css" href="font_za16gllv73/iconfont.css" />
		<script type="text/javascript" src="js/jquery.js"></script>

		<script type="text/javascript" src="js/idoshop.js"></script>

	</head>

	<body style="height: ;">
		<div id="header1" class="t"></div>

		<div id="header2" class="t">

		</div>
		<!--回到顶部-->
		<div id="backTop"> <span id="Btop">
			⬆
		</span></div>
		<!--内容-->

		<div id="centent">

			<div class="c">
				<!-- 您当前的位置： -->
				<div class="bread-crumbs">

					<span><a href="/store/site/index.html" alt="" title="">首页</a></span>
					<span> &gt; </span>
					<span><a href="/store/gallery-91.html" alt="" title="">a豆 </a></span>
					<span> &gt; </span>
					<span><a href="/store/gallery-98.html" alt="" title="">笔记本电脑</a></span>
					<span> &gt; </span>
					<span class="now">I3</span>
				</div>

				<div id="shop-main">
					<!--放大镜-->
					<div id="changebig">
						<div id="spic">

							<div id="sspic"></div>
							<div id="bpic"><img id="bigpic" src="img/商品小轮播/3.png" /> </div>

						</div>
						<!--小轮播-->
						<div id="smallslider">

							<ul id="smallslider-ul">
								<li class="smallslider-li"><img class="smimg" src="img/商品小轮播/1.png" /></li>
								<li class="smallslider-li"><img class="smimg" src="img/商品小轮播/2.png" /></li>
								<li class="smallslider-li"><img class="smimg" src="img/商品小轮播/3.png" /></li>
								<li class="smallslider-li"><img class="smimg" src="img/商品小轮播/4.png" /></li>
								<li class="smallslider-li"><img class="smimg" src="img/商品小轮播/5.png" /></li>

							</ul>
							<div id="smallslider-before">
								<</div>
									<div id="smallslider-after">></div>

							</div>
							<div id="share-recommend">
								<a href=""><span class="iconfont">&#xe61a;</span> 收藏商品（1人气）</a>
								<a id="codebuy" href=""><span class="iconfont">&#xe614;</span> 手机购买</a>
								<div id="codebuypic"></div>
							</div>
							<div id="stick-comment">
								<div class="satisfy-rate">
									<div class="div-interval blue-character rate"><span id="good100">
				100
			</span><i>%</i><span class="goodtext">购买后满意</span></div>
								</div>
							</div>

						</div>
						<!--商品价格详情-->
						<div id="introduce">
							<div id="product-titles">
								<div class="product-titles">
									<h2>【年货节】a豆adol四面窄边框13.3英寸笔记本(Windows10home/i3-8145U/4G内存/256GB SSD硬盘/集成显卡)-玫瑰金</h2>
									<p>
										【年货节】备年货 迎新年 新会员注册福利：888元优惠券+5000积分；1/11-1/17 每日10:00抢150元福券；购指定机型享赠品升级；关注微信公众号“ASUS华硕商城”购机抽1288元福袋，详情请咨询售前客服~ </p>
								</div>
							</div>
							<div class="promotion_head">
								<div style="float: left;color: white;font-size:20px;font-weight:800;"><span class="iconfont">&#xe707;</span> 限时抢购:</div>
								<div id="remainTime" style="font-size:16px;font-weight:100;color:white;float: right;"></div>
							</div>
							<div class="price_promotion_wrap">
								<li><span style="font-size: 20px;margin-right: 20px;">限时抢购价</span>
									<span style="color: red;font-size: 30px;text-align: center;">￥3699</span>
									<a href="" style="margin-left:20px ;color: blue;">活动规则</a>
									<span style="float: right;">已售0台</span>
								</li>
								<li>
									<span style="font-size: 20px;margin-right: 20px;">商城价</span>
									<span style="color: red;font-size: 14px;text-align: center;">￥3899</span>
								</li>
								<li>
									<span style="font-size: 20px;margin-right: 20px;">优惠信息</span>
									<span style="color: red;font-size: 14px;text-align: center;"><span class="iconfont">&#x3487;</span>满88元包邮</span>
								</li>
							</div>
							<div class="product-buy">
								<ul>
									<li class="product-buy-li">数量: <button class="buybtn subbtn">－</button><input id="buynumber" style="width: 50px;" type="number" name="" id="" value="0" placeholder="0" /><button class="buybtn addbtn">＋</button> </li>

									<li class="product-buy-li">服　　务：<span style="color: blue;" class="iconfont">&#xe665;</span>支付宝 <span style="color: blue;" class="iconfont">&#xe665;</span>花呗分期 <span style="color: green;" class="iconfont">&#xe639;</span>微信支付 <span style="color: green;" class="iconfont">&#xe639;</span>银联支付</li>
									<li class="product-buy-li">支　　持：以旧换新，闲置笔记本回收</li>
									<li class="product-buy-li">配送及发票：部分商品将由华硕授权店为消费者提供商品，且提供就近配送服务并开具发票</li>
								</ul>
								<button style="cursor:pointer; height: 40px;width: 238px;color: white;background: deepskyblue;border: none;margin-top: 60px;margin-left: 0px;">立即购买</button>
								<button style="cursor:pointer; height: 40px;width: 238px;color: deepskyblue;background: white; border: 1px solid deepskyblue;margin-top: 60px;margin-left: 20px;"><span class="iconfont">&#xe707;</span>加入购物车</button>

							</div>

						</div>
					</div>

					<div class="product-tags">
						<ul>
							<li class="product-tags-li">商品详情</li>
							<li class="product-tags-li">详细参数</li>
							<li class="product-tags-li">商品评论</li>
							<li class="product-tags-li">售后服务</li>
							<li class="product-tags-li">退货说明</li>
						</ul>
					</div>
					<img src="img/changebig/10334052102515.jpg" />
					<img src="img/changebig/10334153989748.jpg" />
					<img src="img/changebig/10334254551015.jpg" />
					<img src="img/changebig/10335010155989.jpg" />
					<img src="img/changebig/10335110248515.jpg" />
				</div>

			</div>

			<!--底部-->

			<footer> </footer>
	</body>

</html>